<template>
  <div class="common-layout">
    <el-container>
      <el-header class="header_back">
        <div style="text-align: center" class="head">宠物救助管理管理平台</div>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <el-menu
            default-active="1"
            class="el-menu-vertical-demo"
            :router="true"
            background-color=""
            text-color=""
          >
            <el-menu-item index="pet1">
              <el-icon><icon-menu /></el-icon>
              <span>宠物领养</span>
            </el-menu-item>
            <el-menu-item index="pet2">
              <el-icon><icon-menu /></el-icon>
              <span>宠物救助</span>
            </el-menu-item>
            <el-menu-item index="pet3">
              <el-icon><icon-menu /></el-icon>
              <span>救助站维护</span>
            </el-menu-item>
            <el-menu-item index="pet4">
              <el-icon><icon-menu /></el-icon>
              <span>喂养点维护</span>
            </el-menu-item>
            <el-menu-item index="pet5">
              <el-icon><icon-menu /></el-icon>
              <span>宠物丢失</span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <main style="width: 100%">
          <router-view></router-view>
        </main>
      </el-container>
    </el-container>
  </div>
</template>
<style>
.header_back {
  background-image: url('../../public/header_background.png');
  height: 150px;
}
</style>
